<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ysaa{
            width: 1600px;
            height: 85px;
            border-top: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            margin: 0 auto 0 auto;
            line-height: 85px;
            text-align: center;
            background: rgba(31, 232, 185, 0.164);
        }
        .ysaaa{
            width: 298px;
            height: 85px;
            background: rgb(184, 239, 228);
            float :left;
            border-right: 2px solid #000;
        }
        .ysaab{
            width: 1300px;
            height: 85px;
            background: rgb(160, 224, 224);
            float: left;
        }
        .ysa{
            width: 1600px;
            height: 727px;
            background: #fff;
            background: rgb(128, 235, 235);
            border-bottom: 2px solid #000;
            border-top: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            margin: 0 auto 0 auto;
        }
        .ulys{
            background: rgb(209, 209, 209);
            width: 300px;
            list-style: none;
            padding: 0;
            margin-top: 0%;
            float: left;
        }
        .ulys li{
            height: 180px;
            border-bottom: 1px solid #000;
            border-top: 1px solid #000;
            border-right: 2px solid #000;
            line-height: 180px;
            text-align: center;
        }
        .ulys img{
            width: 180px;
            height: 180px;
            float: left;
            list-style: none;
        }
        a{
            text-decoration: none;
            color: #000;
            width: 300px;
            height: 180px;
            display: block;
        }
        a:hover{
            background: rgb(245, 236, 236);
        }
        .img1{
            width: 610px;
            height: 314px;
            float: left;
            margin-top: 30px;
            margin-left: 26px;
            border-bottom: 1px solid #000;
            border-top: 1px solid #000;
            border-right: 2px solid #000;
            border-left: 2px solid #000;
            border-radius: 10px;
        }
    </style>
</head>
<body>
    <div class="ysaa">
        <div class="ysaaa"><a href="https://leavingz.gitee.io/class2203/">返回班级主页</a></div>
        <div class="ysaab">欢迎来到食力主义至上的503宿舍</div>
    </div>
    <div class="ysa">
        <ul class="ulys">
            <li> <img src="image/liaocan.jpg" alt=""><a href="http://liao-can0816.gitee.io/javier-liao">廖灿</a></li>
            <li> <img src="image/gemingxin.jpg" alt=""><a href="http://foggyww.gitee.io/gemingxin/">葛明鑫</a></li>
            <li> <img src="image/wangwenzhuo.jpg" alt=""><a href="https://leavingz.gitee.io/personal/">汪文卓</a></li>
            <li> <img src="image/tx.jpg" alt=""><a href="http://foggyww.gitee.io/website/">欧舟</a></li>
        </ul>
        <div>
            <img src="image/174.jpg" alt="" class="img1">
            <img src="image/6E5F30762B902D4CED2DA8E5F22E5172.png" alt="" class="img1">
            <img src="image/Hoshiguma.jpg" alt="" class="img1">
            <img src="image/wwz.jpg" alt="" class="img1">
        </div>
    </div>
</body>
</html>